<!--
 * @FileDescription: 导航栏组件
 * @Author: 小威吃饱了
 * @Date: 2022/5/25
 * @LastEditors: 小威吃饱了
 * @LastEditTime: 2022/5/25
 -->
<template>
  <div class="tabbor">
    <mt-tabbar>
        <mt-tab-item id="图鉴" >
          <img slot="icon" src="../assets/ico/TuJian.png" @click="atlfun"/>
          图鉴
        </mt-tab-item>
        <mt-tab-item id="主页">
          <img slot="icon" src="../assets/ico/Home.png" @click="homefun"/>
          主页
        </mt-tab-item>
      <mt-tab-item id="收藏">
        <img slot="icon" src="../assets/ico/Collect.png" @click="collfun"/>
        收藏
      </mt-tab-item>
    </mt-tabbar>
  </div>
</template>

<script>
export default {
  name: 'Tabbor',
  methods: {
      atlfun(){
          this.$router.replace('/atlas')
      },
      homefun(){
          this.$router.replace('/')
      },
      collfun(){
          this.$router.replace('/collection')
      }
  },
}
</script>

<style>
.mint-tabbar {
    background-color: #FCF9F2 !important;
    position: fixed !important;
}
</style>
